@charset "UTF-8"; .z6 .z6-l .z6-inner ul li a, .z6 .z6-l .z6-inner ul li p, .z6 .z6-r .bd li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.v-article, .article {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.article {
    overflow: hidden;
}

p {
    margin-bottom: 0;
}

a, a:hover, a:active, a:visited {
    color: inherit;
}

header {
    background-color: #16439b;
    font: 14px/30px "Microsoft YaHei";
    color: #fff;
}

header p, header .header-r {
    opacity: 0.6;
    filter: alpha(opacity=60);
    /* IE */
    -moz-opacity: 0.6;
    /* 鑰佺増Mozilla */
    -khtml-opacity: 0.6;
    /* 鑰佺増Safari */
}

.header {
    height: 94px;
}

.header .header-logo {
    line-height: 94px;
}

.header .nav {
    width: 845px;
    margin-top: 25px;
}

.header .nav li {
    font: 16px/40px "Microsoft YaHei";
    color: #4c4c4c;
    float: left;
    margin-right: 66px;
}

.header .nav li:last-child {
    margin-right: 0;
}

.header .nav li:hover {
    color: #16439b;
    border-bottom: 3px solid #16439b;
}

.app-search {
    border-bottom: 1px solid #bcbcbc;
}

.app-search h1 {
    float: left;
    font: 14px/70px "Microsoft YaHei";
    color: #4b4b4b;
}

.app-search h1 a {
    margin-right: 20px;
}

.app-search form {
    float: right;
    font-size: 0;
    margin-top: 17px;
}

.app-search form input {
    background: none;
    border: none;
    outline: none;
    height: 34px;
    line-height: 34px;
    vertical-align: top;
}

.app-search form input#keyword {
    width: 280px;
    border: 1px solid #d0cfcf;
    text-indent: 10px;
    font-size: 14px;
    border-right: none;
    color: #686868;
}

.app-search form input#s_btn {
    width: 62px;
    text-align: center;
    font-size: 28px;
    background-color: #16439b;
    color: #fff;
}

.black {
    text-align: center;
    font: bold 38px/1 "Microsoft YaHei";
    color: #222;
}

.black b {
    color: #16439b;
}

.black span {
    display: block;
    font: 18px/48px "Microsoft YaHei";
    color: #565656;
}

.black span:before, .black span:after {
    content: "";
    display: inline-block;
    width: 96px;
    height: 3px;
    background: url(//cdn.myxypt.com/1f515dc7/21/03/22ccdc34bd575251e78fa997f14f8901d922d3cf.png);
    margin-right: 15px;
    vertical-align: middle;
}

.black span:after {
    margin-left: 15px;
    margin-right: 0;
    transform: scale(-1);
}

.z1 {
    background: #f5f5f5;
    padding-top: 70px;
    padding-bottom: 65px;
}

.z1 .z1-list {
    margin-top: 40px;
    overflow: hidden;
}

.z1 .z1-list li {
    float: left;
    padding: 4px 4px;
    border: 1px solid rgba(139, 139, 139, 0.39);
    position: relative;
    overflow: hidden;
    background: #fff;
}

.z1 .z1-list li img {
    width: 176px;
    height: 96px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.z1 .z1-list li h3 {
    position: absolute;
    z-index: 10;
    width: 134px;
    text-align: center;
    font: 19px/44px "Microsoft YaHei";
    color: #222;
    padding-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.z1 .z1-list li h3:after {
    content: "";
    position: absolute;
    width: 54px;
    height: 2px;
    background-color: #16439b;
    bottom: 12px;
    left: calc(50% - 27px);
}

.z1 .z1-list li + li {
    margin-left: 16px;
}

.z1 .z1-list li:hover img {
    transform: scale(1.2);
}

.z1 .z1-tab {
    margin-top: 60px;
    overflow: hidden;
}

.z1 .z1-tab li {
    float: left;
    /* width: 309px; */
}

.z1 .z1-tab li p {
    border: 1px solid #bdbdbd;
    overflow: hidden;
}

.z1 .z1-tab li p img {
    margin: 5px;
    border: 1px solid rgba(151, 151, 151, 0.6);
    width: 280px;
    height: 234px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.z1 .z1-tab li h3 {
    text-align: center;
    font: 15px/49px "Microsoft YaHei";
    color: #6e6e6e;
}

.z1 .z1-tab li:hover img {
    transform: scale(1.1);
}

.z1 .z1-tab li:not(:nth-child(4n)) {
    margin-right: 10px;
}

.z2 {
    padding-top: 104px;
    background: url(//cdn.myxypt.com/1f515dc7/21/03/bba59c32504090dad5295e032d3249fee4ff8d7e.jpg) center top no-repeat;
    /* padding-bottom: 100px; */
    height: 1189px;
}

.z2 h1 {
    text-align: center;
    font: 54px/1 "Microsoft YaHei";
    color: #fff;
}

.z2 h1 i {
    color: #d9ac5d;
    font-style: normal;
}

.z2 h1 span {
    display: block;
    font: 16px/46px Arial;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.68;
    filter: alpha(opacity=68);
    /* IE */
    -moz-opacity: 0.68;
    /* 鑰佺増Mozilla */
    -khtml-opacity: 0.68;
    /* 鑰佺増Safari */
}

.z2 h2 {
    text-align: center;
    margin-top: 10px;
    color: #fff;
    font: 24px/36px "Microsoft YaHei";
    position: relative;
    text-indent: 24px;
}

.z2 h2 p {
    position: relative;
    z-index: 10;
}

.z2 h2 span {
    margin-left: 100px;
    color: #211f36;
}

.z2 h2:before {
    content: "";
    position: absolute;
    width: 315px;
    height: 36px;
    background-color: #d9ac5d;
    z-index: 5;
    top: 0;
    left: calc(50% - 405px);
    transform: skewX(-30deg);
}

.z2 h2:after {
    content: "";
    position: absolute;
    width: 476px;
    height: 36px;
    background-color: #fff;
    z-index: 5;
    top: 0;
    left: calc(50% - 80px);
    transform: skewX(-30deg);
}

.z2 ul {
    margin-top: 125px;
}

.z2 ul li {
    margin-bottom: 50px;
    position: relative;
    width: 580px;
}

.z2 ul li h3 {
    padding-left: 80px;
    font: bold 30px/1 "Microsoft YaHei";
    color: #fff;
    margin-bottom: 15px;
}

.z2 ul li h3 span {
    display: block;
    font: 11px/25px "Microsoft YaHei";
    opacity: 0.12;
    filter: alpha(opacity=12);
    /* IE */
    -moz-opacity: 0.12;
    /* 鑰佺増Mozilla */
    -khtml-opacity: 0.12;
    /* 鑰佺増Safari */
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

.z2 ul li p {
    font: 15px/28px "Microsoft YaHei";
    color: #fff;
}

.z2 ul li:before {
    content: attr(num);
    position: absolute;
    width: 63px;
    height: 59px;
    background: url(//cdn.myxypt.com/1f515dc7/21/03/b5c8d30c957430a33496f737fb4ebf1b91ccce3c.png);
    left: 0;
    top: 0;
    text-indent: 20px;
    font: 30px/66px Arial;
    color: #fff;
}

.z2 ul li:nth-child(3), .z2 ul li:nth-child(4) {
    float: right;
    clear: both;
}

.z2 ul li:nth-child(5) {
    clear: both;
    margin-top: 50px;
}

.z2 ul li:nth-child(3) {
    margin-top: 50px;
}

.z2 .mg1, .z2 .mg2, .z2 .mg3 {
    position: absolute;
}

.z2 .mg1 {
    top: 274px;
    right: 0;
}

.z2 .mg2 {
    top: 705px;
    left: 0;
}

.z2 .mg3 {
    top: 1060px;
    right: 0;
}

.z3 {
    padding-top: 80px;
    background-color: #e9e9ea;
}

.z3 .z3-wrap {
    margin-top: 78px;
}

.z3 .z3-wrap .z3-l {
    width: 575px;
}

.z3 .z3-wrap .z3-l li {
    padding-left: 110px;
    position: relative;
    margin-bottom: 45px;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}

.z3 .z3-wrap .z3-l li.on {
    transform: none;
    opacity: 1;
}

.z3 .z3-wrap .z3-l li h3 {
    font: 28px/1 "Microsoft YaHei";
    color: #000;
}

.z3 .z3-wrap .z3-l li h3:after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background-color: #16439b;
    margin-top: 10px;
}

.z3 .z3-wrap .z3-l li p {
    margin-top: 16px;
    font: 16px/23px "Microsoft YaHei";
    color: #5b5a5a;
}

.z3 .z3-wrap .z3-l li:before {
    content: attr(num);
    position: absolute;
    width: 96px;
    height: 96px;
    text-align: center;
    font: 30px/96px Arial;
    color: #fff;
    background: url(//cdn.myxypt.com/1f515dc7/21/03/c3367842b559e1890aabc08a5b86aad45a373939.png);
    left: 0;
    top: 0;
}

.z3 .z3-wrap .z3-r {
    width: 600px;
}

.z4 {
    padding-top: 78px;
    height: 613px;
    background: url(//cdn.myxypt.com/1f515dc7/21/03/8438fcf9b3336f352cd244ea46c28b4c4e5d0c0c.jpg) center no-repeat;
}

.z4 .z4-l {
    margin-top: 40px;
    width: 477px;
}

.z4 .z4-r {
    width: 723px;
    background: url(//cdn.myxypt.com/1f515dc7/21/03/d921ce01a66f7541a95100b3207c14c6b12445fd.png);
    position: relative;
    z-index: 10;
    padding: 36px 47px 0 57px;
    height: 450px;
}

.z4 .z4-r a.ck{
    display: block;
    color: #3b5ea7;
    font-size: 15px;
    margin-top: 38px;
}

.z4 .z4-r h1 {
    font: bold 30px/1 "Microsoft YaHei";
    color: #211f36;
    padding-bottom: 25px;
    background: url(//cdn.myxypt.com/1f515dc7/21/03/b686337975c3509921febc74e0205affcfe56f19.png) left bottom no-repeat;
}

.z4 .z4-r h1 b {
    color: #16439b;
}

.z4 .z4-r h1 span {
    font-size: 30px;
    font-weight: normal;
    color: #d1d0ce;
    margin-left: 5px;
    vertical-align: bottom;
}

.z4 .z4-r .z4-summary {
    margin-top: 30px;
    font: 15px/29px "Microsoft YaHei";
    color: #515151;
}

.z4 .z4-r .z4-summary a {
    font-weight: bold;
    color: #16439b;
}

.z4 .z4-r .z4-inner {
    margin-top: 38px;
}

.z4 .z4-r .z4-inner > a {
    display: inline-block;
    width: 140px;
    text-align: center;
    font: 16px/40px "Microsoft YaHei";
    background-color: #d9ac5d;
    border-radius: 20px;
    color: #fff;
    margin-right: 20px;
    transition: background .5s ease;
}

.z4 .z4-r .z4-inner > a:hover {
    background-color: #16439b;
}

.z4 .z4-r .z4-inner span strong {
    color: #16439b;
}

.z5 {
    margin-top: 75px;
}

.z5 ul {
    margin-top: 35px;
}

.z5 ul li {
    float: left;
    margin-bottom: 14px;
    overflow: hidden;
    position: relative;
}

.z5 ul li a {
    position: absolute;
    width: 100%;
    z-index: 10;
    left: 0;
    bottom: 0;
    text-indent: 1em;
    font: 15px/37px "Microsoft YaHei";
    color: #fff;
    background: rgba(0, 0, 0, 0.67);
    transform: translateY(100%);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.z5 ul li:nth-child(1), .z5 ul li:nth-child(2) {
    clear: both;
    margin-right: 18px;
    width: 243px;
    height: 210px;
}

.z5 ul li:nth-child(3) {
    float: none;
    width: 575px;
    height: 434px;
}

.z5 ul li:nth-child(4) {
    float: right;
    width: 345px;
    height: 434px;
    margin-top: -450px;
}

.z5 ul li:nth-child(n+5) {
    width: 388px;
    height: 245px;
}

.z5 ul li:nth-child(6) {
    margin: 0 18px;
}

.z5 ul li:hover > a {
    transform: none;
}

.z6 {
    margin-top: 60px;
    padding-top: 71px;
    background-color: #f5f5f5;
}

.z6 .z6-l {
    width: 707px;
    border: 1px solid #c5c2c2;
    background-color: #fcfcfc;
}

.z6 .z6-l h1 {
    font: bold 20px/40px "Microsoft YaHei";
    border-bottom: 1px solid #c5c2c2;
    text-indent: 15px;
}

.z6 .z6-l h1 a {
    float: right;
    margin-right: 20px;
    font: 15px/22px "Microsoft YaHei";
    color: #fff;
    margin-top: 10px;
    width: 76px;
    background-color: #16439b;
    text-align: center;
    text-indent: 0;
    position: relative;
}

.z6 .z6-l h1 a:after {
    content: "+";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font: 15px/22px "Microsoft YaHei";
    background-color: #000;
}

.z6 .z6-l h1 span:hover, .z6 .z6-l h1 span.on {
    color: #16439b;
}

.z6 .z6-l .z6-inner {
    padding: 24px 20px 20px;
}

.z6 .z6-l .z6-inner ul li {
    margin-top: 17px;
    border-bottom: 1px dashed #d1cfcf;
    padding-bottom: 2px;
}

.z6 .z6-l .z6-inner ul li a {
    font: 15px/22px "Microsoft YaHei";
    color: #26211f;
}

.z6 .z6-l .z6-inner ul li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #3355a2;
    transform: rotate(45deg);
    vertical-align: middle;
    margin-right: 5px;
}

.z6 .z6-l .z6-inner ul li p {
    font: 14px/24px "Microsoft YaHei";
    padding-bottom: 5px;
}

.z6 .z6-r {
    width: 464px;
    border: 1px solid #c5c2c2;
    background-color: #fcfcfc;
}

.z6 .z6-r h1 {
    font: bold 20px/40px "Microsoft YaHei";
    border-bottom: 1px solid #c5c2c2;
    text-indent: 15px;
    color: #16439b;
}

.z6 .z6-r h1 a {
    float: right;
    margin-right: 20px;
    font: 15px/22px "Microsoft YaHei";
    color: #fff;
    margin-top: 10px;
    width: 76px;
    background-color: #16439b;
    text-align: center;
    text-indent: 0;
    position: relative;
}

.z6 .z6-r h1 a:after {
    content: "+";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font: 15px/22px "Microsoft YaHei";
    background-color: #000;
}

.z6 .z6-r .bd {
    padding: 0 15px 21px;
}

.z6 .z6-r .bd li {
    margin-top: 35px;
    padding-left: 35px;
    background: url(//cdn.myxypt.com/1f515dc7/21/03/ba2900e7ab076205fcf8c940af274c365f272000.png) left top no-repeat;
    border-bottom: 1px dashed #d1cfcf;
}

.z6 .z6-r .bd li a {
    font: 15px/1 "Microsoft YaHei";
    color: #26211f;
    display: block;
}

.z6 .z6-r .bd li p {
    font: 14px/22px "Microsoft YaHei";
    color: #7d7c7c;
    margin-top: 5px;
    padding-bottom: 14px;
}

.f-link {
    background-color: #f5f5f5;
    padding: 57px 0 55px;
    font: 15px/32px "Microsoft YaHei";
    color: #211f36;
}

.footer {
    background-color: #193a7b;
    padding: 42px 0 27px;
}

footer .f-nav {
    width: 324px;
    margin-right: 75px;
}

footer .f-nav a {
    color: #fff;
}

footer .f-nav h1 {
    padding: 30px 29px;
    color: #fff;
    font: bold 24px/1 "Microsoft YaHei";
    position: relative;
    background-color: #d9ac5d;
}

footer .f-nav h1 span {
    display: block;
    font: 9px/24px "Microsoft YaHei";
    text-transform: uppercase;
}

footer .f-nav h1:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(//cdn.myxypt.com/1f515dc7/21/03/f027bdc495f64f4a80f594288bd4dc1dc4b6af1f.png);
    right: 27px;
    top: calc(50% - 10px);
}

footer .f-nav section {
    padding: 22px;
    border: 1px solid #c0c0c0;
    font: 16px/34px "Microsoft YaHei";
    color: #fff;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
}

footer .f-nav section a{
    margin-right: 42px;
}

footer .f-nav section a:nth-child(3n){
    margin-right: 0px;
}

footer .f-nav section a:hover {
    color: #d9ac5d;
}

footer .f-contact {
    width: 625px;
    font: 16px/2 "Microsoft YaHei";
    color: #fff;
}

footer .f-contact h2{
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 26px;
}

footer .f-contact section{
    display: flex;
    flex-wrap: wrap;
}

footer .f-contact section p:nth-child(1),footer .f-contact section p:nth-child(3){
    width: 334px;
}

footer .f-contact .copyright {
    margin-top: 20px;
    font: 14px/24px "Microsoft YaHei";
}

footer .f-code {
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
}

footer .f-code p:nth-child(2) {
    margin-bottom: 5px;
}